.mejs-offscreen{position: absolute!important;top: -10000px;left: -10000px;overflow: hidden;width: 1px;height: 1px} .mejs-container{position: relative;background: #000;font-family: Helvetica, Arial;text-align: left;vertical-align: top;text-indent: 0} .me-plugin{position: absolute} .mejs-embed,.mejs-embed body{width: 100%;height: 100%;margin: 0;padding: 0;background: #000;overflow: hidden} .mejs-fullscreen{overflow: hidden!important} .mejs-container-fullscreen{position: fixed;left: 0;top: 0;right: 0;bottom: 0;overflow: hidden;z-index: 1000} .mejs-container-fullscreen .mejs-mediaelement,.mejs-container-fullscreen video{width: 100%;height: 100%} .mejs-clear{clear: both} .mejs-background{position: absolute;top: 0;left: 0} .mejs-mediaelement{position: absolute;top: 0;left: 0;width: 100%;height: 100%} .mejs-poster{position: absolute;top: 0;left: 0;background-size: contain;background-position: 50% 50%;background-repeat: no-repeat} :root .mejs-poster img{display: none} .mejs-poster img{border: 0;padding: 0;border: 0} .mejs-overlay{position: absolute;top: 0;left: 0} .mejs-overlay-play{cursor: pointer} .mejs-overlay-button{position: absolute;top: 50%;left: 50%;width: 100px;height: 100px;margin: -50px 0 0 -50px;background: url(../images/bigplay.svg) no-repeat} .no-svg .mejs-overlay-button{background-image: url(bigplay.png)} .mejs-overlay:hover .mejs-overlay-button{background-position: 0 -100px} .mejs-overlay-loading{position: absolute;top: 50%;left: 50%;width: 80px;height: 80px;margin: -40px 0 0 -40px;background: #333;background: url(background.png);background: rgba(0, 0, 0, .9);background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(50, 50, 50, .9)), to(rgba(0, 0, 0, .9)));background: -webkit-linear-gradient(top, rgba(50, 50, 50, .9), rgba(0, 0, 0, .9));background: -moz-linear-gradient(top, rgba(50, 50, 50, .9), rgba(0, 0, 0, .9));background: -o-linear-gradient(top, rgba(50, 50, 50, .9), rgba(0, 0, 0, .9));background: -ms-linear-gradient(top, rgba(50, 50, 50, .9), rgba(0, 0, 0, .9));background: linear-gradient(rgba(50, 50, 50, .9), rgba(0, 0, 0, .9))} .mejs-overlay-loading span{display: block;width: 80px;height: 80px;background: transparent url(../images/loading.gif) 50% 50% no-repeat} .mejs-container .mejs-controls{position: absolute;list-style-type: none;margin: 0;padding: 0;bottom: 0;left: 0;background: url(background.png);background: rgba(0, 0, 0, .7);background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(50, 50, 50, .7)), to(rgba(0, 0, 0, .7)));background: -webkit-linear-gradient(top, rgba(50, 50, 50, .7), rgba(0, 0, 0, .7));background: -moz-linear-gradient(top, rgba(50, 50, 50, .7), rgba(0, 0, 0, .7));background: -o-linear-gradient(top, rgba(50, 50, 50, .7), rgba(0, 0, 0, .7));background: -ms-linear-gradient(top, rgba(50, 50, 50, .7), rgba(0, 0, 0, .7));background: linear-gradient(rgba(50, 50, 50, .7), rgba(0, 0, 0, .7));height: 30px;width: 100%} .mejs-container .mejs-controls div{list-style-type: none;background-image: none;display: block;float: left;margin: 0;padding: 0;width: 26px;height: 26px;font-size: 11px;line-height: 11px;font-family: Helvetica, Arial;border: 0} .mejs-controls .mejs-button button{cursor: pointer;display: block;font-size: 0;line-height: 0;text-decoration: none;margin: 7px 5px;padding: 0;position: absolute;height: 16px;width: 16px;border: 0;background: transparent url(../images/controls.svg) no-repeat} .no-svg .mejs-controls .mejs-button button{background-image: url(controls.png)} .mejs-controls .mejs-button button:focus{outline: dotted 1px #999} .mejs-container .mejs-controls .mejs-time{color: #fff;display: block;height: 17px;width: auto;padding: 10px 3px 0;overflow: hidden;text-align: center;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box} .mejs-container .mejs-controls .mejs-time a{color: #fff;font-size: 11px;line-height: 12px;display: block;float: left;margin: 1px 2px 0 0;width: auto} .mejs-controls .mejs-play button{background-position: 0 0} .mejs-controls .mejs-pause button{background-position: 0 -16px} .mejs-controls .mejs-stop button{background-position: -112px 0} .mejs-controls div.mejs-time-rail{direction: ltr;width: 200px;padding-top: 5px} .mejs-controls .mejs-time-rail span,.mejs-controls .mejs-time-rail a{display: block;position: absolute;width: 180px;height: 10px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;cursor: pointer} .mejs-controls .mejs-time-rail .mejs-time-total{margin: 5px;background: #333;background: rgba(50, 50, 50, .8);background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(30, 30, 30, .8)), to(rgba(60, 60, 60, .8)));background: -webkit-linear-gradient(top, rgba(30, 30, 30, .8), rgba(60, 60, 60, .8));background: -moz-linear-gradient(top, rgba(30, 30, 30, .8), rgba(60, 60, 60, .8));background: -o-linear-gradient(top, rgba(30, 30, 30, .8), rgba(60, 60, 60, .8));background: -ms-linear-gradient(top, rgba(30, 30, 30, .8), rgba(60, 60, 60, .8));background: linear-gradient(rgba(30, 30, 30, .8), rgba(60, 60, 60, .8))} .mejs-controls .mejs-time-rail .mejs-time-buffering{width: 100%;background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, .15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, .15)), color-stop(0.75, rgba(255, 255, 255, .15)), color-stop(0.75, transparent), to(transparent));background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);background-image: linear-gradient(-45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);-webkit-background-size: 15px 15px;-moz-background-size: 15px 15px;-o-background-size: 15px 15px;background-size: 15px 15px;-webkit-animation: buffering-stripes 2s linear infinite;-moz-animation: buffering-stripes 2s linear infinite;-ms-animation: buffering-stripes 2s linear infinite;-o-animation: buffering-stripes 2s linear infinite;animation: buffering-stripes 2s linear infinite} @-webkit-keyframes buffering-stripes{from{background-position: 0 0} to{background-position: 30px 0} } @-moz-keyframes buffering-stripes{from{background-position: 0 0} to{background-position: 30px 0} } @-ms-keyframes buffering-stripes{from{background-position: 0 0} to{background-position: 30px 0} } @-o-keyframes buffering-stripes{from{background-position: 0 0} to{background-position: 30px 0} } @keyframes buffering-stripes{from{background-position: 0 0} to{background-position: 30px 0} } .mejs-controls .mejs-time-rail .mejs-time-loaded{background: #3caac8;background: rgba(60, 170, 200, .8);background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(44, 124, 145, .8)), to(rgba(78, 183, 212, .8)));background: -webkit-linear-gradient(top, rgba(44, 124, 145, .8), rgba(78, 183, 212, .8));background: -moz-linear-gradient(top, rgba(44, 124, 145, .8), rgba(78, 183, 212, .8));background: -o-linear-gradient(top, rgba(44, 124, 145, .8), rgba(78, 183, 212, .8));background: -ms-linear-gradient(top, rgba(44, 124, 145, .8), rgba(78, 183, 212, .8));background: linear-gradient(rgba(44, 124, 145, .8), rgba(78, 183, 212, .8));width: 0} .mejs-controls .mejs-time-rail .mejs-time-current{background: #fff;background: rgba(255, 255, 255, .8);background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255, 255, 255, .9)), to(rgba(200, 200, 200, .8)));background: -webkit-linear-gradient(top, rgba(255, 255, 255, .9), rgba(200, 200, 200, .8));background: -moz-linear-gradient(top, rgba(255, 255, 255, .9), rgba(200, 200, 200, .8));background: -o-linear-gradient(top, rgba(255, 255, 255, .9), rgba(200, 200, 200, .8));background: -ms-linear-gradient(top, rgba(255, 255, 255, .9), rgba(200, 200, 200, .8));background: linear-gradient(rgba(255, 255, 255, .9), rgba(200, 200, 200, .8));width: 0} .mejs-controls .mejs-time-rail .mejs-time-handle{display: none;position: absolute;margin: 0;width: 10px;background: #fff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;cursor: pointer;border: solid 2px #333;top: -2px;text-align: center} .mejs-controls .mejs-time-rail .mejs-time-float{position: absolute;display: none;background: #eee;width: 36px;height: 17px;border: solid 1px #333;top: -26px;margin-left: -18px;text-align: center;color: #111} .mejs-controls .mejs-time-rail .mejs-time-float-current{margin: 2px;width: 30px;display: block;text-align: center;left: 0} .mejs-controls .mejs-time-rail .mejs-time-float-corner{position: absolute;display: block;width: 0;height: 0;line-height: 0;border: solid 5px #eee;border-color: #eee transparent transparent;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;top: 15px;left: 13px} .mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float{width: 48px} .mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current{width: 44px} .mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner{left: 18px} .mejs-controls .mejs-fullscreen-button button{background-position: -32px 0} .mejs-controls .mejs-unfullscreen button{background-position: -32px -16px} .mejs-controls .mejs-volume-button {} .mejs-controls .mejs-mute button{background-position: -16px -16px} .mejs-controls .mejs-unmute button{background-position: -16px 0} .mejs-controls .mejs-volume-button{position: relative} .mejs-controls .mejs-volume-button .mejs-volume-slider{display: none;height: 115px;width: 25px;background: url(background.png);background: rgba(50, 50, 50, .7);-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;top: -115px;left: 0;z-index: 1;position: absolute;margin: 0} .mejs-controls .mejs-volume-button:hover{-webkit-border-radius: 0 0 4px 4px;-moz-border-radius: 0 0 4px 4px;border-radius: 0 0 4px 4px} .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total{position: absolute;left: 11px;top: 8px;width: 2px;height: 100px;background: #ddd;background: rgba(255, 255, 255, .5);margin: 0} .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current{position: absolute;left: 11px;top: 8px;width: 2px;height: 100px;background: #ddd;background: rgba(255, 255, 255, .9);margin: 0} .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle{position: absolute;left: 4px;top: -3px;width: 16px;height: 6px;background: #ddd;background: rgba(255, 255, 255, .9);cursor: N-resize;-webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px;margin: 0} .mejs-controls a.mejs-horizontal-volume-slider{height: 26px;width: 56px;position: relative;display: block;float: left;vertical-align: middle} .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total{position: absolute;left: 0;top: 11px;width: 50px;height: 8px;margin: 0;padding: 0;font-size: 1px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;background: #333;background: rgba(50, 50, 50, .8);background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(30, 30, 30, .8)), to(rgba(60, 60, 60, .8)));background: -webkit-linear-gradient(top, rgba(30, 30, 30, .8), rgba(60, 60, 60, .8));background: -moz-linear-gradient(top, rgba(30, 30, 30, .8), rgba(60, 60, 60, .8));background: -o-linear-gradient(top, rgba(30, 30, 30, .8), rgba(60, 60, 60, .8));background: -ms-linear-gradient(top, rgba(30, 30, 30, .8), rgba(60, 60, 60, .8));background: linear-gradient(rgba(30, 30, 30, .8), rgba(60, 60, 60, .8))} .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current{position: absolute;left: 0;top: 11px;width: 50px;height: 8px;margin: 0;padding: 0;font-size: 1px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;background: #fff;background: rgba(255, 255, 255, .8);background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255, 255, 255, .9)), to(rgba(200, 200, 200, .8)));background: -webkit-linear-gradient(top, rgba(255, 255, 255, .9), rgba(200, 200, 200, .8));background: -moz-linear-gradient(top, rgba(255, 255, 255, .9), rgba(200, 200, 200, .8));background: -o-linear-gradient(top, rgba(255, 255, 255, .9), rgba(200, 200, 200, .8));background: -ms-linear-gradient(top, rgba(255, 255, 255, .9), rgba(200, 200, 200, .8));background: linear-gradient(rgba(255, 255, 255, .9), rgba(200, 200, 200, .8))} .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle{display: none} .mejs-controls .mejs-captions-button{position: relative} .mejs-controls .mejs-captions-button button{background-position: -48px 0} .mejs-controls .mejs-captions-button .mejs-captions-selector{visibility: hidden;position: absolute;bottom: 26px;right: -51px;width: 85px;height: 100px;background: url(background.png);background: rgba(50, 50, 50, .7);border: solid 1px transparent;padding: 10px 10px 0;overflow: hidden;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0} .mejs-controls .mejs-captions-button .mejs-captions-selector ul{margin: 0;padding: 0;display: block;list-style-type: none!important;overflow: hidden} .mejs-controls .mejs-captions-button .mejs-captions-selector ul li{margin: 0 0 6px;padding: 0;list-style-type: none!important;display: block;color: #fff;overflow: hidden} .mejs-controls .mejs-captions-button .mejs-captions-selector ul li input{clear: both;float: left;margin: 3px 3px 0 5px} .mejs-controls .mejs-captions-button .mejs-captions-selector ul li label{width: 55px;float: left;padding: 4px 0 0;line-height: 15px;font-family: helvetica, arial;font-size: 10px} .mejs-controls .mejs-captions-button .mejs-captions-translations{font-size: 10px;margin: 0 0 5px} .mejs-chapters{position: absolute;top: 0;left: 0;-xborder-right: solid 1px #fff;width: 10000px;z-index: 1} .mejs-chapters .mejs-chapter{position: absolute;float: left;background: #222;background: rgba(0, 0, 0, .7);background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(50, 50, 50, .7)), to(rgba(0, 0, 0, .7)));background: -webkit-linear-gradient(top, rgba(50, 50, 50, .7), rgba(0, 0, 0, .7));background: -moz-linear-gradient(top, rgba(50, 50, 50, .7), rgba(0, 0, 0, .7));background: -o-linear-gradient(top, rgba(50, 50, 50, .7), rgba(0, 0, 0, .7));background: -ms-linear-gradient(top, rgba(50, 50, 50, .7), rgba(0, 0, 0, .7));background: linear-gradient(rgba(50, 50, 50, .7), rgba(0, 0, 0, .7));filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#323232, endColorstr=#000000);overflow: hidden;border: 0} .mejs-chapters .mejs-chapter .mejs-chapter-block{font-size: 11px;color: #fff;padding: 5px;display: block;border-right: solid 1px #333;border-bottom: solid 1px #333;cursor: pointer} .mejs-chapters .mejs-chapter .mejs-chapter-block-last{border-right: 0} .mejs-chapters .mejs-chapter .mejs-chapter-block:hover{background: #666;background: rgba(102, 102, 102, .7);background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(102, 102, 102, .7)), to(rgba(50, 50, 50, .6)));background: -webkit-linear-gradient(top, rgba(102, 102, 102, .7), rgba(50, 50, 50, .6));background: -moz-linear-gradient(top, rgba(102, 102, 102, .7), rgba(50, 50, 50, .6));background: -o-linear-gradient(top, rgba(102, 102, 102, .7), rgba(50, 50, 50, .6));background: -ms-linear-gradient(top, rgba(102, 102, 102, .7), rgba(50, 50, 50, .6));background: linear-gradient(rgba(102, 102, 102, .7), rgba(50, 50, 50, .6));filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#666666, endColorstr=#323232)} .mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title{font-size: 12px;font-weight: 700;display: block;white-space: nowrap;text-overflow: ellipsis;margin: 0 0 3px;line-height: 12px} .mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan{font-size: 12px;line-height: 12px;margin: 3px 0 4px;display: block;white-space: nowrap;text-overflow: ellipsis} .mejs-captions-layer{position: absolute;bottom: 0;left: 0;text-align: center;line-height: 20px;font-size: 16px;color: #fff} .mejs-captions-layer a{color: #fff;text-decoration: underline} .mejs-captions-layer[lang=ar]{font-size: 20px;font-weight: 400} .mejs-captions-position{position: absolute;width: 100%;bottom: 15px;left: 0} .mejs-captions-position-hover{bottom: 35px} .mejs-captions-text{padding: 3px 5px;background: url(background.png);background: rgba(20, 20, 20, .5);white-space: pre-wrap} .me-cannotplay {} .me-cannotplay a{color: #fff;font-weight: 700} .me-cannotplay span{padding: 15px;display: block} .mejs-controls .mejs-loop-off button{background-position: -64px -16px} .mejs-controls .mejs-loop-on button{background-position: -64px 0} .mejs-controls .mejs-backlight-off button{background-position: -80px -16px} .mejs-controls .mejs-backlight-on button{background-position: -80px 0} .mejs-controls .mejs-picturecontrols-button{background-position: -96px 0} .mejs-contextmenu{position: absolute;width: 150px;padding: 10px;border-radius: 4px;top: 0;left: 0;background: #fff;border: solid 1px #999;z-index: 1001} .mejs-contextmenu .mejs-contextmenu-separator{height: 1px;font-size: 0;margin: 5px 6px;background: #333} .mejs-contextmenu .mejs-contextmenu-item{font-family: Helvetica, Arial;font-size: 12px;padding: 4px 6px;cursor: pointer;color: #333} .mejs-contextmenu .mejs-contextmenu-item:hover{background: #2C7C91;color: #fff} .mejs-controls .mejs-sourcechooser-button{position: relative} .mejs-controls .mejs-sourcechooser-button button{background-position: -128px 0} .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector{visibility: hidden;position: absolute;bottom: 26px;right: -10px;width: 130px;height: 100px;background: url(background.png);background: rgba(50, 50, 50, .7);border: solid 1px transparent;padding: 10px;overflow: hidden;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0} .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul{margin: 0;padding: 0;display: block;list-style-type: none!important;overflow: hidden} .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li{margin: 0 0 6px;padding: 0;list-style-type: none!important;display: block;color: #fff;overflow: hidden} .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input{clear: both;float: left;margin: 3px 3px 0 5px} .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label{width: 100px;float: left;padding: 4px 0 0;line-height: 15px;font-family: helvetica, arial;font-size: 10px} .mejs-postroll-layer{position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;background: url(background.png);background: rgba(50, 50, 50, .7);z-index: 1000;overflow: hidden} .mejs-postroll-layer-content{width: 100%;height: 100%} .mejs-postroll-close{position: absolute;right: 0;top: 0;background: url(background.png);background: rgba(50, 50, 50, .7);color: #fff;padding: 4px;z-index: 100;cursor: pointer} div.mejs-speed-button{width: 46px!important;position: relative} .mejs-controls .mejs-button.mejs-speed-button button{background: transparent;width: 36px;font-size: 11px;line-height: normal;color: #fff} .mejs-controls .mejs-speed-button .mejs-speed-selector{visibility: hidden;position: absolute;top: -100px;left: -10px;width: 60px;height: 100px;background: url(background.png);background: rgba(50, 50, 50, .7);border: solid 1px transparent;padding: 0;overflow: hidden;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0} .mejs-controls .mejs-speed-button:hover>.mejs-speed-selector{visibility: visible} .mejs-controls .mejs-speed-button .mejs-speed-selector ul li label.mejs-speed-selected{color: rgba(33, 248, 248, 1)} .mejs-controls .mejs-speed-button .mejs-speed-selector ul{margin: 0;padding: 0;display: block;list-style-type: none!important;overflow: hidden} .mejs-controls .mejs-speed-button .mejs-speed-selector ul li{margin: 0 0 6px;padding: 0 10px;list-style-type: none!important;display: block;color: #fff;overflow: hidden} .mejs-controls .mejs-speed-button .mejs-speed-selector ul li input{clear: both;float: left;margin: 3px 3px 0 5px;display: none} .mejs-controls .mejs-speed-button .mejs-speed-selector ul li label{width: 60px;float: left;padding: 4px 0 0;line-height: 15px;font-family: helvetica, arial;font-size: 11.5px;color: #fff;margin-left: 5px;cursor: pointer} .mejs-controls .mejs-speed-button .mejs-speed-selector ul li:hover{background-color: #c8c8c8!important;background-color: rgba(255, 255, 255, .4)!important} .mejs-controls .mejs-button.mejs-skip-back-button{background: transparent url(skipback.png) no-repeat;background-position: 3px 3px} .mejs-controls .mejs-button.mejs-skip-back-button button{background: transparent;font-size: 9px;line-height: normal;color: #fff}